<!DOCTYPE HTML>
<html>
<head>
<title>Blogpost</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- fonts -->
<link href="http://fonts.googleapis.com/css?family=Gruppo" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- /fonts -->
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
<link href="css/blog.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- /css -->
<!-- js files -->
<script src="js/modernizr.js"></script>
<!-- /js files -->
</head>
<body>
<!-- inner banner -->
<section class="inner-banner">
	<!-- navigation section -->
	<div class="navbar-wrapper">
		<div class="container">
			<nav class="navbar navbar-inverse navbar-static-top">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>	
					<a class="navbar-brand" href="index.html"><h1>Armament</h1></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right cl-effect-20">
						<li><a href="index.html"><span data-hover="Home">Home</span></a></li>
						<li><a href="service.html"><span data-hover="Services">Services</span></a></li>
						<li><a href="gallery.html"><span data-hover="Gallery">Gallery</span></a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span data-hover="Shortcodes">Shortcodes</span></a>
							<ul class="dropdown-menu">
								<li><a href="typo.html">Typography</a></li>
								<li class="divider"></li>
								<li><a href="icons.html">Fontawesome Icons</a></li>
							</ul>
						</li>
						<li><a href="contact.html"><span data-hover="Contact">Contact</span></a></li>
					</ul>
				</div>
			</nav>
			<div class="search-box">
				<div id="sb-search" class="sb-search">
					<form action="#" method="post">
						<input class="sb-search-input" placeholder="Search Here" type="search" name="search" id="search">
						<input class="sb-search-submit" type="submit" value="">
						<span class="sb-icon-search"> </span>
					</form>
				</div>
			</div>
		</div>	
	</div>
	<!-- /navigation section -->
	<div class='header'>
		<h2 class="inner-header">Our Blogpost</h2>
	</div>
</section>
<!-- /inner banner -->
<section class="blogpost-w3ls">
	<div class="container mtb">
	 	<div class="col-lg-8" data-aos="flip-right">
	 		<div class="hover01 column" data-aos="flip-up">
				<div>
					<figure><img class="blogpost-main img-responsive" src="images/blogpost.jpg" alt=""></figure>
				</div>
			</div>
		 	<a href="blogpost.html"><h3 class="ctitle">Lorem ipsum dolor sit amet.</h3></a>
		 	<p class="blogpost-p1">Posted: April 25, 2014. | By: <a href="#">Admin</a> - <a href="#">3 Comments</a></p>
		 	<p class="blogpost-p2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
		 	<blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et risus vulputate ipsum vulputate placerat. Vestibulum egestas sapien in imperdiet auctor. Duis eu eros mollis nulla sagittis lacinia. Integer rutrum mi eu sem elementum, malesuada laoreet risus malesuada. </blockquote>
		 	<p class="blogpost-p2">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
		 	<div class="spacing"></div>
			<!-- Blog Comments -->
			<!-- Comments Form -->
            <div class="well" data-aos="flip-up">
				<h4 class="blogpost-agile1">Leave a Comment:</h4>
                <form action="#" method="post">
                    <div class="form-group">
                        <textarea class="form-control" rows="3"></textarea>
                    </div>
					<button type="submit" class="btn btn-primary">Submit</button>
                </form>
            </div>
			<hr>
			<!-- Posted Comments -->
			<!-- Comment -->
			<div class="media">
				<a class="pull-left" href="#" data-aos="flip-up">
					<img class="media-object" src="images/blogpost-w1.jpg" alt="">
                </a>
                <div class="media-body">
                    <h4 class="media-heading">Alexander<small>August 25, 2017 at 9:30 PM</small></h4>
                    <p class="blogpost-p3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et risus vulputate ipsum vulputate placerat. Vestibulum egestas sapien in imperdiet auctor.</p>
                </div>
			</div>
			<!-- Comment -->
            <div class="media">
                <a class="pull-left" href="#" data-aos="flip-up">
                    <img class="media-object" src="images/blogpost-w2.jpg" alt="">
                </a>
				<div class="media-body" data-aos="flip-up">
					<h4 class="media-heading">Max Payne<small>August 25, 2017 at 9:30 PM</small></h4>
                    <p class="blogpost-p3"> Duis eu eros mollis nulla sagittis lacinia. Integer rutrum mi eu sem elementum, malesuada laoreet risus malesuada. Maecenas ut ullamcorper ligula.</p>
                    <!-- Nested Comment -->
                    <div class="media">
                        <a class="pull-left" href="#">
                            <img class="media-object" src="images/blogpost-w3.jpg" alt="">
                        </a>
                        <div class="media-body">
                            <h4 class="media-heading">John Cena<small>August 25, 2017 at 9:30 PM</small></h4>
                            <p class="blogpost-p3">Sed tincidunt elit non enim egestas, id sodales risus porttitor. Nam varius sem sed quam finibus finibus. Cras justo nibh.</p>
                        </div>
                    </div>
                    <!-- End Nested Comment -->
                </div>
            </div>
		</div>
	 	<!-- SIDEBAR -->
		<div class="col-lg-4" data-aos="flip-left">
		 	<h4 class="blogpost-agile2">Search</h4>
		 	<div class="hline"></div>
			<form action="#" method="post" data-aos="flip-up">
				<div class="input-group">
					<input type="text" class="form-control" id="search" placeholder="Search" required/>
					<span class="input-group-btn">
						<button class="btn btn-default" type="submit" ><i class="fa fa-search"></i></button>
					</span>
				</div>
			</form>
		 	<div class="spacing"></div>
		 	
			<h4 class="blogpost-agile2">Categories</h4>
		 	<div class="hline"></div>
			<p class="blogpost-p4"><a href="#"><i class="fa fa-fighter-jet" aria-hidden="true"></i> Airforce</a> <span class="badge badge-theme pull-right">9</span></p>
			<p class="blogpost-p4"><a href="#"><i class="fa fa-fighter-jet" aria-hidden="true"></i> NAVY</a> <span class="badge badge-theme pull-right">3</span></p>
			<p class="blogpost-p4"><a href="#"><i class="fa fa-fighter-jet" aria-hidden="true"></i> Artillery</a> <span class="badge badge-theme pull-right">11</span></p>
			<p class="blogpost-p4"><a href="#"><i class="fa fa-fighter-jet" aria-hidden="true"></i> Firearms</a> <span class="badge badge-theme pull-right">5</span></p>
			<p class="blogpost-p4"><a href="#"><i class="fa fa-fighter-jet" aria-hidden="true"></i> Missiles</a> <span class="badge badge-theme pull-right">7</span></p>
			<p class="blogpost-p4"><a href="#"><i class="fa fa-fighter-jet" aria-hidden="true"></i> Rockets</a> <span class="badge badge-theme pull-right">12</span></p>
			<div class="spacing"></div>
		 	
			<h4 class="blogpost-agile2">Recent Posts</h4>
		 	<div class="hline"></div>
			<ul class="popular-posts">
		        <li data-aos="flip-up">
		            <a href="#"><img src="images/blogpost-img1.jpg" alt="Popular Post"></a>
		            <p><a href="#">Lorem ipsum dolor sit amet consectetur adipiscing elit</a></p>
		            <em>Posted on 02/21/14</em>
		        </li>
		        <li data-aos="flip-up">
		            <a href="#"><img src="images/blogpost-img2.jpg" alt="Popular Post"></a>
		            <p><a href="#">Lorem ipsum dolor sit amet consectetur adipiscing elit</a></p>
		            <em>Posted on 03/01/14</em>
				</li>	
		        <li data-aos="flip-up">
		            <a href="#"><img src="images/blogpost-img3.jpg" alt="Popular Post"></a>
					<p><a href="#">Lorem ipsum dolor sit amet consectetur adipiscing elit</a></p>
		            <em>Posted on 05/16/14</em>
		        </li>
		        <li data-aos="flip-up">
		            <a href="#"><img src="images/blogpost-img4.jpg" alt="Popular Post"></a>
		            <p><a href="#">Lorem ipsum dolor sit amet consectetur adipiscing elit</a></p>
		            <em>Posted on 05/16/14</em>
				</li>
			</ul>
		    <div class="spacing"></div>
		 		
			<h4 class="blogpost-agile2">Popular Tags</h4>
			<div class="hline"></div>
		 	<p class="blogpost-p5">
		        <a class="btn btn-theme" href="#" role="button" data-aos="zoom-in">Airforce</a>
		        <a class="btn btn-theme" href="#" role="button" data-aos="zoom-in">Navy</a>
		        <a class="btn btn-theme" href="#" role="button" data-aos="zoom-in">Artillery</a>
		        <a class="btn btn-theme" href="#" role="button" data-aos="zoom-in">Firearms</a>
		        <a class="btn btn-theme" href="#" role="button" data-aos="zoom-in">Missiles</a>
		        <a class="btn btn-theme" href="#" role="button" data-aos="zoom-in">Rockets</a>
		        <a class="btn btn-theme" href="#" role="button" data-aos="zoom-in">Nuclear Weapons</a>
		        <a class="btn btn-theme" href="#" role="button" data-aos="zoom-in">Torpedoes</a>
		        <a class="btn btn-theme" href="#" role="button" data-aos="zoom-in">Drones</a>            	
		 	</p>
	 	</div>
	<div class="clearfix"></div>
	<hr>
	</div><!--/container -->
</section>	
<!-- footer -->
<section class="footer-w3ls">
	<div class="container">
		<div class="col-lg-6 col-md-6 col-sm-6 footer-agileits-w3layouts1" data-aos="flip-right">
			<a href="index.html" class="footer-logo"><h3>Armament</h3></a>
			<p class="footer-w3-agileits1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec elementum diam. Etiam tempus sit amet mauris in molestie. Ut lorem nunc, ultricies eu diam et, egestas sagittis nunc.</p>
			<ul class="social-icons1">
				<li><a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
			</ul>
		</div>
		<div class="col-lg-6 col-md-6 col-sm-6 footer-agileits-w3layouts2" data-aos="flip-left">
			<div class="subscribe">
				<p class="footer-w3-agileits3">Subscribe to our email list and stay upto date with all our latest updates.</p>
				<form action="#" method="post">
					<div class="form-group1">
						<input class="form-control" id="mail" name="email" placeholder="Enter Your Email Address" type="email" required>
					</div>
					<div class="form-group2">
						<button class="btn btn-outline btn-lg" type="submit">Subscribe</button>
					</div>
					<div class="clearfix"></div>
				</form>
			</div>	
		</div>
		<div class="clearfix"></div>
		<hr>
		<p class="footer-w3-agileits2">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
	</div>
</section>
<!-- /footer -->
<!-- back to top -->
<a href="#0" class="cd-top">Top</a>
<!-- /back to top -->
<!-- js files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/grayscale.js"></script>
<!-- js for back to top -->
<script src="js/top.js"></script>
<!-- /js for back to top -->
<!-- js for inner banner -->
<script src="js/bgfader.js"></script>
<script>
var myBgFader = $('.header').bgfader([
  'images/inner1.jpg',
  'images/inner2.jpg',
  'images/inner3.jpg',
  'images/inner4.jpg',
], {
  'timeout': 3000,
  'speed': 3000,
  'opacity': 0.4
})
myBgFader.start()
</script>
<!-- /js for inner banner -->
<!-- js for search button -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
	new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- /js for search button -->
<!-- js for bootstrap dropdown -->
<script src="js/index.js"></script>
<!-- /js for bootstrap dropdown -->
<script src='js/aos.js'></script>
<script src="js/index2.js"></script>
<!-- /js files -->
</body>
</html>	